/*New Update from Can*/


/* Main Blue */

$main-vi: #253544;
$main-red: #cc0033;
$maincolor: rgb(103, 94, 87);
$mainlight: rgb(227, 223, 220);
$maincolor2:rgb(151, 144, 139);
$black: rgb(68, 68, 68);
$white: rgb(255, 255, 255);

/* Button Color */

$orange: rgb(246, 147, 29);
$buttonc: rgb(121, 188, 119);
$buttond: rgb(104, 181, 102);

/*Bg Light */

$light1: rgb(249, 249, 249);
$light2: rgb(242, 243, 244);
$light3: rgb(216, 216, 216);
$cm1: rgb(177, 203, 225);
$cm2: rgb(175, 224, 194);
$cm3: rgb(224, 196, 175);
$cm4: rgb(247, 210, 210);

/*Footer*/

$footer1: rgb(32, 31, 35);
$footer2: rgb(32, 31, 35);
@mixin normalfont() {
    font-family: "Lato", "微软雅黑", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
}

@mixin boldfont() {
    font-family: "Lato", "微软雅黑", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
}

@mixin bolderfont() {
    font-family: "Lato", "微软雅黑", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 900;
}

@mixin effectall1() {
    transition: all 0.4s ease-in-out;
}

@mixin effectall2() {
    transition: all 0.6s ease-in-out;
}

@mixin effectbg() {
    transition-property: background;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

@mixin effect() {
    transition-property: color;
    transition-duration: 0.5s;
    transition-timing-function: linear;
}

@mixin effectlate() {
    transition-property: color;
    transition-duration: 0.7s;
    transition-timing-function: linear;
}

@mixin whiteboldfont() {
    font-size: 14px;
    @include boldfont();
    color: $white;
}

@mixin shadow() {
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}


/* Break Line*/

@mixin break1line() {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

@mixin break2line() {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

@mixin break3line() {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

@mixin break4line() {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}

@mixin break5line() {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    white-space: normal;
}